<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <link rel="shortcut icon" href="./img/logo.svg" type="image/x-icon">
    <title>Webpack</title>
</head>

<body>
    <div class="conteiner">
        <header>
            <div class="menu">
                <div class="menu__icon">
                    <a href="/" class="icon"><img src="/src/img/header_logo.svg"
                            alt="Божья Блогодать Паломническая Служба"></a>
                </div>
                <div class="menu__burger">
                    <span></span>
                </div>
                <nav class="menu__nav">
                    <ul>
                        <li><a href="./product.html">расписание поездок</a></li>
                        <li><a href="./product.html">поломнеческие экскурсии</a></li>
                        <li><a href="./contact.html">контакты</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <section class="content">
            <div class="contacts">
                <div class="cntacts__foto">
                    <img src="./img/zvenigorod.png" alt="">
                </div>
                <div class="contacts__data">
                    <div class="contacts__name">
                        <p>Ф.И.О:</p>
                        <p class="patronymic">Петров.</p>
                        <p class="firstName">Пётор.</p>
                        <p class="lastName">Петрович.</p>
                    </div>
                    <div class="contacts_phone">
                        <p>По любому поваду:</p>
                        <p><a href="tel: 8 999 999 99 99">8 999 999 99 99</a></p>
                    </div>
                </div>
            </div>
            <div class="network">
                <div class="socialNetwork">
                    <div class="socialNetwork__logo">
                        <a href="https://vk.com/"><img src="./img/vk.svg" alt="VK"></a>
                    </div>
                    <div class="socialNetwork__linck">
                    </div>
            
                </div>
                <div class="socialNetwork">
                    <div class="socialNetwork__logo">
                        <a href="https://desktop.telegram.org/"><img src="./img/telegram.svg" alt="telegram"></a>
                    </div>
                    <div class="socialNetwork__linck">
                        
                    </div>
                    </div>
                    <div class="socialNetwork">
                        <div class="socialNetwork__logo">
                            <a href="https://ok.ru/"><img src="./img/ok.svg" alt="telegram"></a>
                        </div>
                        <div id="qrcodeOk">
                        </div>
                    </div>
                    </div>
        </section>
        <footer>
            <div class="socialNetwork">
                <!-- <div class="socialNetwork__header">
                <h3>Наши соцсети</h3>
            </div> -->
                <div class="socialNetwork__linck">
                    <a href=""><img src="./img/instagram.svg" alt="instagram"></a>
                    <a href=""><img src="./img/telegram.svg" alt="telegram"></a>
                    <a href=""><img src="./img/vk.svg" alt="vk"></a>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>